.smart {
  background-color: #eee;
  color: #666;
  background-image: url('./background.svg');
  padding: 12px;
  height: 100%;
  ul {
    li {
      background-color: #fff;
      overflow: hidden;
      border-radius: var(--radius);
      padding: 8px;
    }
    .title {
      width: 80px;
      text-align: center;
      height: 28px;
      line-height: 28px;
      vertical-align: middle;
      background-color: #f8f8f8;
    }
    .engins{
      padding: 0 8px;
      display: grid;
      grid-template-columns: repeat(auto-fit,minmax(50px,.32fr));
      gap: 8px;
      white-space: nowrap;
      justify-content: center;
    }
  }
  .images{
    height: 24px;
    padding: 0 4px;
    background-color: #eee;
    border-radius: 4px;
    cursor: pointer;
  }
  .input-select {
    position: relative;
    width: 100px;
    height: 36px;

    input,
    select {
      position: absolute;
      width: 100%;
      border: none;
      height: 24px;
      top: 6px;
    }
    input {
      width: 80px;
      z-index: 10;
      text-align: center;
    }
  }
}
